<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <title>登陆页面</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="/login.css" rel="stylesheet">
    <script src="/login.js"></script>
    <style>

    </style>
</head>

<body>
    <div class="video-box">
        <video class="video-background" preload="auto" loop playsinline autoplay src="./source/bg1.mp4" tabindex="-1"
            muted="muted"></video>
    </div>

    <div class="login-container" id="login-container" style="visibility:hidden;">
        <h2>用户登陆</h2>
        <form>
            <label for="username">用户名</label>
            <input type="text" id="username" name="username" >
            <label for="password">密码</label>
            <input type="password" id="password" name="password">
            <div class="reg_log">
                <button onclick="log()" type="button" style="background-color: rgb(255, 255, 255);">登陆</button>
                <button onclick="reg()" type="button" style="background-color: rgb(0, 110, 255,0.8);">注册</button>
            </div>
        </form>
    </div>

    <div class="reg-container" id="reg-container" style="visibility:hidden;">
        <h2>用户注册</h2>
        <form>
            <label for="username">用户名</label>
            <input type="text" id="username" name="username" >
            <label for="password">密码</label>
            <input type="password" id="password" name="password">
            <div class="reg_log">
                <button onclick="reg()" type="button" style="background-color: rgb(0, 110, 255,0.8);">注册</button>
            </div>
        </form>
    </div>

    <div class="touch_to_start" id="touch_to_start">
        <span>TOUCH TO START</span>
    </div>

    <div class="head_img" id="head_img">
        <img src="./source/heading.png">
    </div>
</body>

</html>